﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TesteJQueryGrid.aspx.cs"
    Inherits="TesteJQueryGrid" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="../scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="fancySlidingForm/sliding.form.js" type="text/javascript"></script>
    <link href="fancySlidingForm/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="content">
        <h1>
            Fancy Sliding Form with jQuery</h1>
        <div id="wrapper">
            <div id="steps">
                <form id="formElem" name="formElem" action="" method="post">
                <fieldset class="step">
                    <legend>Pesquise o avaliador</legend>
                    <p>
                        <div>
                            <div>
                                <h2>
                                    Pesquise o usuário</h2>
                                <br />
                            </div>
                            <input id="textPesquisaUsuario" type="text" />
                            <a class="buttonAcao" id="PesquisarUsuario" href="javascript:carregarListaUsuario();">
                                Pesquisar</a> <a style="visibility: hidden" id="novaPesquisaUsuario" class="buttonAcao"
                                    href="javascript:novaPesquisaUsuario();">Nova Pequisa</a>
                            <br />
                        </div>
                    </p>
                    <p>
                        <table class="tabela-pesquisa" id="tabela-usuarios" style="visibility: hidden">
                            <thead>
                                <tr>
                                    <th>
                                        Nome
                                    </th>
                                    <th>
                                        Ações
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </p>
                </fieldset>
                <fieldset class="step">
                    <legend>Lista de eventos vinculado ao avaliador</legend>
                </fieldset>
                <fieldset class="step">
                    <legend>Pesquise o evento</legend>
                    <div>
                        <div>
                            <h2>
                                Pesquise o usuário</h2>
                            <br />
                        </div>
                        <input id="text2" type="text" />
                        <a class="buttonAcao" id="A7" href="javascript:carregarListaAvaliador();">Pesquisar</a>
                        <a style="visibility: hidden" id="A8" class="buttonAcao" href="javascript:novaPesquisa();">
                            Nova Pequisa</a>
                        <br />
                    </div>
                    <table class="tabela-pesquisa" id="tabela-eventos" style="visibility: hidden">
                        <thead>
                            <tr>
                                <th>
                                    Nome
                                </th>
                                <th>
                                    Data
                                </th>
                                <th>
                                    Ações
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="button-footer" id="Div3" style="visibility: hidden">
                        <span class="fsw-grid-results"></span><a runat="server" id="A3" class="fsw-grid-prev"
                            href="javascript:carregarListaAvaliador();">Anterior</a> <a class="fsw-grid-next"
                                runat="server" id="A4" href="javascript:carregarListaAvaliador();">Próximo</a>
                    </div>
                </fieldset>
                </form>
            </div>
            <div id="navigation" style="display: none;">
                <ul>
                    <li class="selected"><a href="#" id="passo1">Pesquise o avaliador</a> </li>
                    <li><a href="#" id="passo2">Lista de eventos vinculado ao avaliador</a> </li>
                    <li><a href="#" id="passo3">Pesquise o evento</a> </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
